<?php 
/** @name : index.php via KOOK-FRAMEWORK - @author : theerasak.p - @since : 3 �.�. 2554 16:25:13 - @encoding : UTF-8 */

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>KOOK-FRAMEWORK API</title>
	<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" charset="utf-8" />
	<script src="scripts/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<div class="container">
		<h1><a href="?">KOOK-FRAMEWORK API</a></h1>
		<div id="left">
			<dl class="tree">
				<dt><a href="#def" class="expand">แนะนำเบื้องต้น</a></dt>
				<dd  class="treecategory">
					<ol>
						<li>- <a href="#" class="menu" page="101">ทำไมต้องใช้ KOOK-FRAMEWORK ?</a></li>
						<li>
							<dt  class="treecategory"><a href="#def" class="expand">- สิ่งที่ต้องเตรียมก่อนการใช้งาน</a></dt>
							<dd>
								<ol>
									<li><a href="#" class="menu" page="102">o ความต้องการพื้นฐาน</a></li>
									<li><a href="#" class="menu" page="103">o การเปิดการใช้งาน mod_rewrite</a></li>
									<li><a href="#" class="menu" page="104">o การเปิดอนุญาตให้ใช้ไฟล์ .htaccess</a></li>
									<li><a href="#" class="menu" page="105">o การเปิดการใช้งาน mysqli</a></li>
									<li><a href="#" class="menu" page="106">o การติดต่อกับ SVN เพื่ออัพเดทโค๊ด</a></li>
								</ol>
							</dd>
						</li>
					</ol>
				</dd>
				
				<dt><a href="#def" class="expand">โครงสร้างของเฟรมเวิร์ค</a></dt>
				<dd>
					<ol>
						<li  class="treecategory"><b>- <a href="#" class="menu" page="201">การตั้งค่าเริ่มต้นก่อนใช้งาน</a></b></li>
						<li>
							<dt  class="treecategory"><a href="#def" class="expand">- โครงสร้างของไฟล์ระบบ</a></dt>
							<dd>
								<ol>
									<li>o Bootstrap.php</li>
									<li>o system/models/xxModel.php</li>
									<li>o system/views/xxxView.php</li>
									<li>o system/controllers/xxxController.php</li>
									<li>o system/managers/xxxManager.php</li>
								</ol>
							</dd>
						</li>
						<li>
							<dt class="treecategory"><a href="#def" class="expand">- คลาสช่วยเหลือต่างๆ</a></dt>
							<dd>
								<ol>
									<li>o system/libraries/Util.php</li>
									<li>o system/libraries/Console.php</li>
									<li>o system/libraries/Session.php</li>
									<li>o system/libraries/HTML.php</li>
								</ol>
							</dd>
						</li>
						<li>
							<dt  class="treecategory"><a href="#def" class="expand">- การใช้งานเทมเพลต</a></dt>
							<dd>
								<ol>
									<li>o system/views/templates/xxx/base.php</li>
									<li>o system/views/xxxView.php</li>
								</ol>
							</dd>
						</li>
					</ol>
				</dd>
				<dt><a href="#def" class="expand">การใช้งานเฟรมเวิร์ค</a></dt>
				<dd>
					<ol>
						<li  class="treecategory">- <a href="#" class="menu" page="201">เริ่มต้นเฟรมเวิร์คกับการ "สวัสดีโลก!"</a></li>
						<li  class="treecategory">- <a href="#" class="menu" page="201">การเชื่อมโยงแต่ละหน้าของเว็บไซท์</a></li>
						<li>
							<dt  class="treecategory"><a href="#def" class="expand">- การสร้างส่วนเชื่อมต่อกับฐานข้อมูล</a></dt>
							<dd>
								<ol>
									<li>o การสร้าง xxModel.php</li>
									<li>o การสร้าง xxxController.php</li>
									<li>o การสร้าง xxxManager.php</li>
								</ol>
							</dd>
						</li>
						<li  class="treecategory">- <a href="#" class="menu" page="201">การสร้างฟอร์มเพื่อเชื่อมโยงกับ Model</a></li>
					</ol>
				</dd>
				<dt><a href="#"class="menu" page="401">การเปลี่ยนแปลงล่าสุด</a></dt>
				<dt><a href="#"class="menu" page="501">บันทึกเพื่อการปรับปรุงในอนาคต</a></dt>
			</dl>
		</div>

		<div id="right">
			<ol id="trace">
				<div style="margin-top:20px;margin-left:100px;">
					<img src="images/home.png"/>
				</div>
			</ol>
		</div>

		<br class="clear" />
		<div id="footer"><a href="http://www.kook.in.th/api">Framework website</a> | <a href="http://github.com/pixelhandler/jQuery-MenuTree-Plugin">Develop this api from Jquery menu Tree</a> | &copy; 2011, KOOK-FRAMEWORK licensed under the <a href="http://docs.jquery.com/License">MIT or GPL Version 2 licenses.</a> </div>
	</div>
	<script src="scripts/jquery.plugin.menuTree.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
	//<![CDATA[
		$(document).ready(function() {
			// setup jQuery menuTree plugin
			$('.tree').menuTree({
				listElement: 'dd',
				hrefBegins: '#def',
				trace: false
			});
			
			$('.menu').click(function(){
				changeData('displayResult.php?page=' + $(this).attr("page"));
			});

			$('dt a.expand').click();
			$('#empty').dblclick(function(){
				alert('empty dblclick');
			});
			//
		});
	//]]>

		function changeData(url)
		{
			var xmlhttp;
			if (window.XMLHttpRequest)
			  {// code for IE7+, Firefox, Chrome, Opera, Safari
			  xmlhttp=new XMLHttpRequest();
			  }
			else
			  {// code for IE6, IE5
			  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			  }
			xmlhttp.onreadystatechange=function()
			  {
			  if (xmlhttp.readyState==4 && xmlhttp.status==200)
			    {
			    document.getElementById("trace").innerHTML=xmlhttp.responseText;
			    }
			  }
			xmlhttp.open("GET",url,true);
			xmlhttp.send();
			
		}
	</script>

</body>
</html>
